Add useCallback to both of these functions. Right now search and clearSuggestions are plain inline functions, which means React creates brand new copies of them on every render. Even though the new copies do the same thing, React sees them as "different" (like two separate pieces of paper with the same words written on them). This matters because AddressAutocomplete.tsx` lists both functions in a useEffect dependency array, and because search and clearSuggestions are new references every render, React thinks the dependencies changed and re-runs the effect every single time - including after the user presses ArrowDown/ArrowUp to navigate the dropdown. That effect calls setHighlightedIndex(-1), which immediately resets the highlight back to nothing before the user can see it. This is why keyboard navigation in the address dropdown doesn't work at all. Wrapping both functions in useCallback makes React reuse the same function reference across renders, so the effect only re-runs when value or hasValidatedAddress actually change.